/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

//temps correspondant au fondu des popup
var timeFade=1100

//fonction se lancant au demarrage de la page index.html
$(document).ready(function(){   
    
    $("#boutonRechercher").click(function(){
        afficheApparteDispo();
    });
    
    //actualise le calendrier
    $('input').glDatePicker();
    
    //cache la liste des appartes
    $("#afficheApparteDispo").fadeOut(0);
    $("#opacity").fadeOut(0);
     
    //changment du curseur de la souris pour les bouton
    //Rechercher
    $('#boutonRechercher').mouseover(function() {
        $(this).css('cursor','pointer');
        $(this).css('font-weight','bold');
    });
    $('#boutonRechercher').mouseleave(function() {
        $(this).css('font-weight','normal');
    });
    //recherche les images des appartements pour le slider
    rechercheImage();
    
 });


//permet de creer "popup" suivant le besoin
function popup(attr){
    if(attr=="accueil"){
        $(location).attr("href", "/");
    }else if(attr=="contact"){
        popupContact()
    }else if(attr=="identifier"){
        popupIdentifier()
    }else if(attr=="compte"){
        popupCompte()
    }else
        alert("pas bon")   
}

function popupContact(){
    popupGeneral()
    //defini taille de la popup
    $('#popupMenu').css('top','50px')
    $('#popupMenu').css('height','200px')
    $('#popupMenu').css('width','400px')
    $('#popupMenu').css('left','50px')
 
    //fonction AJAX qui permet de recupere le contenu de la popup contact
    $.ajax({
        type: "POST",
        url: "bibliotheque/popupContact.php",
        
        success: function(msg){
            //alert(msg)
            //gerer le bouton quitter
            
            $('#popupMenu').append(msg)
            gestionBoutonQuitter();   
        }     
        });
}

function popupIdentifier(){
    popupGeneral()
    //defini taille de la popup
    $('#popupMenu').css('top','50px')
    $('#popupMenu').css('height','200px')
    $('#popupMenu').css('right','100px')
    $('#popupMenu').css('width','400px')
 
    //fonction AJAX qui permet de recupere le contenu de la popup identifier
    $.ajax({
        type: "POST",
        url: "bibliotheque/popupIdentifier.php",
        
        success: function(msg){
            
            $('#popupMenu').append(msg)
            gestionBoutonQuitter(); 
            
            //changement de l'icone de la souris au-dessus de connexion
            $('.connexion').mouseover(function() {
                $('.connexion').css('cursor','pointer')
            });
            $('.connexion').mouseleave(function() {
                $('.connexion').css('cursor','auto')
            });
            
            //clique sur connexion           
            $('#connexionIdentifier').click(function() {
                connexion();
            });
            
        }     
        });
}

function popupCompte(){
    popupGeneral()
    //defini taille de la popup
    $('#popupMenu').css('top','50px')
    $('#popupMenu').css('height','215px')
    $('#popupMenu').css('right','100px')
    $('#popupMenu').css('width','400px')
 
    //fonction AJAX qui permet de recupere le contenu de la popup compte
    $.ajax({
        type: "POST",
        url: "bibliotheque/popupCompte.php",
        
        success: function(msg){
            
            $('#popupMenu').append(msg)
            gestionBoutonQuitter();
            
            //changement de l'icone de la souris au-dessus de connexion
            $('.connexion').mouseover(function() {
                $('.connexion').css('cursor','pointer')
            });
            $('.connexion').mouseleave(function() {
                $('.connexion').css('cursor','auto')
            });
            
            //creation d'une compte
            //clique sur connexion           
            $('#connexionCompte').click(function() {
                creationCompte();
            });
            
        }     
        });
}

//debut de la creation d'une popup (en general)
function popupGeneral(){
    //creation de la div popup
    $("<div id='popupMenu'></div>").appendTo(document.body)
    
    //affiche de la popup
    $("#opacity").fadeIn(1300)
    $("#popupMenu").fadeIn(1300)
    
}

function gestionBoutonQuitter() {

    //lorsque l'on clique sur le bouton quitter des popup'
    $("#boutonQuitter").click(function(){
        $("#popupMenu").fadeOut(timeFade);
        $("#opacity").fadeOut(timeFade);
        $("#popupMenu").remove();
    });
}

//lorsque l'utilisateur clique sur le bouton connexion
function connexion(){
    
    email=$('#adresseEmail').val()
    mdp=$('#motDePasse').val()
    
    $.ajax({
        type: "POST",
        
        url: "bibliotheque/interactionBDD.php",
        data: "attr=connexion&email="+email+"&mdp="+mdp,
        
        success: function(msg){
            if(msg!='0'){
                $('#compte').fadeOut(timeFade);
                $('#popupMenu').fadeOut(timeFade);
                $('#popupMenu').remove();
                $('#opacity').fadeOut(timeFade);
                $('#identifier').empty();
                $('#identifier').append('Utilisateur : '+email);
                $('#identifier').fadeIn(timeFade);
            }else{
                alert('cet utilisateur n\'existe pas')
            }
        }
        })
}

//lorsque l'utilisateur clique sur le boutonEnregistrer
function creationCompte(){
    mail1=$('#mail1').val()
    mail2=$('#mail2').val()
    mdp1=$('#mdp1').val()
    mdp2=$('#mdp2').val()

    //verification des champs
    if($('#mail1').val() != $('#mail2').val()){
        alert('Les champs \"e-mail\" ne correspondent pas\nEssayer a nouveau')
    }else if($('#mdp1').val() != $('#mdp2').val()){
        alert('Les champs \"mot de passe\" ne correspondent pas\nEssayer a nouveau')
    }else{
        
        //On peut enregistrer
        $.ajax({
        type: "POST",
        
        url: "bibliotheque/interactionBDD.php",
        data: "attr=creationCompte&email="+mail1+"&mdp="+mdp2,
        
        success: function(msg){
            if(msg=='ok'){
                alert('Le compte est creé')
                $(location).attr("href", "/");
            }else{
                alert('L\'utilisateur existe déjà')
            }
        }
        })
 
    }
}
